<!--<template>-->
<!--  <div>-->
<!--    <el-dialog>-->
<!--      <el-card shadow="always">-->
<!--        <div>-->
<!--          <span class="top_title">欢迎登录</span><br>-->
<!--            <div class="top_title_link">-->
<!--              <span>没有账号？</span>-->
<!--              <el-link type="primary" href="/#/register">注册</el-link>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div>-->
<!--          <el-form ref="form" :model="form" label-width="80px" router="router">-->
<!--            <el-form-item label="用户名：">-->
<!--              <el-input v-model="form.username" @keyup.enter="login"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item label="密码：">-->
<!--              <el-input show-password v-model="form.password" @keyup.enter="login"></el-input>-->
<!--            </el-form-item>-->
<!--            <el-form-item>-->
<!--              <el-button type="primary" round="round" @click="login" v-loading.body="loading"-->
<!--                         element-loading-background="rgba(0, 0, 0, 0)" element-loading-spinner="el-icon-loading">登录</el-button>-->
<!--            </el-form-item>-->
<!--          </el-form>-->
<!--        </div>-->
<!--      </el-card>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--    data () {-->
<!--      return {-->
<!--        loading: false,-->
<!--        form:{-->
<!--          username:'',-->
<!--          password:'',-->
<!--        },-->
<!--      }-->
<!--    },-->
<!--  methods: {-->
<!--    login() {-->
<!--      this.loading = true;-->
<!--      this.$axios.get('api/login/', {-->
<!--        params: {username:this.username,password:this.password}-->
<!--      }).then((response)=>{-->
<!--        var res = response.data-->
<!--        if (res['respCode'] === '000000'){-->
<!--          this.$message.success('登录成功')-->
<!--          this.$router.push('/')-->
<!--          localStorage.setItem('username',this.username)-->
<!--          localStorage.setItem('loginStatus','success')-->
<!--        }else {-->
<!--          this.$message.error('用户名或密码错误')-->
<!--          console.log(res['msg'])-->
<!--          this.loading = false-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
<!--<style scoped>-->
<!--.el-card {-->
<!--  width: 30%;-->
<!--  border-radius: 20px;-->
<!--  float: right;-->
<!--  position: relative;-->
<!--  top: 20%;-->
<!--  left: -50px;-->
<!--  background: #C9D6FF;  /* fallback for old browsers */-->
<!--  background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */-->
<!--  background: linear-gradient(to right, #E2E2E2, #C9D6FF);-->
<!--  opacity: 90%;-->
<!--}-->
<!--.el-input {-->
<!--  width: 80%;-->
<!--}-->
<!--.top_title {-->
<!--  line-height: 28px;-->
<!--  margin:20px ;-->
<!--  font-size: 28px;-->
<!--  font-family: Arial,Microsoft YaHei,黑体,宋体,sans-serif;-->
<!--}-->
<!--.top_title_link {-->
<!--  line-height: 17px;-->
<!--  font-size: 17px;-->
<!--  margin: 20px;-->
<!--}-->
<!--#background {-->
<!--  width:100%;-->
<!--  height:100%;-->
<!--  position:fixed;-->
<!--  background-size:100% 100%;-->
<!--  background-repeat: no-repeat;-->
<!--  background-image: url("../assets/wallhaven-zyxvqy.jpg");-->
<!--}-->
<!--.el-icon-loading {-->
<!--  color: #a8133c;-->
<!--  margin-top: 10px;-->
<!--}-->
<!--</style>-->
